<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
  <!--[if IE 7]>
  <link rel="stylesheet" href="../assets/css/font-awesome-ie7.min.css"/>
  <![endif]-->
  <link rel="stylesheet" href="../assets/css/ace.min.css" />
  <link rel="stylesheet" href="../css/style.css"/>
<title>用户管理</title>
</head>

<body>
<div class="page-content">
<div class="gys_style">
 <div class="Manager_style">
    <div class="title_name">添加用户</div>
    <button type="button" class="btn btn-primary" id="Add_Product_btn">添加用户</button>
    <div class="Add_Manager_style">
    <div id="Add_Product_style" style="display:none">
     <div class="page-content">
    <div class="add_user_style clearfix">
     <ul class="clearfix">
      <li><label class="label_name">用户昵称</label> <input name="用户名称" type="text"  class="text_add" id="name_text"/><i style="color:#F60; ">*</i></li>
      <li><label class="label_name">年龄</label><input name="" type="text"  class="text_add"/></li>
      <li><label class="label_name">性别</label><input name="" type="text"  class="text_add"/></li>
      </ul>
      <div class="Remark"><label class="label_name">个人简述</label><textarea name="" cols="" rows="" style=" width:436px; height:200px; padding:5px;"></textarea></div>
 <!--     <div class="btn_operating"><button  type="button" class="btn btn-primary" id="submit">保存</button><button  type="button" class="btn btn-warning">重置</button></div>-->
      </div>
      </div>
      </div>
    </div>
    </div>
    <div class="Manager_style">
     <span class="title_name">用户信息</span>
     <table class="table table-striped table-bordered table-hover">
      <thead>
       <tr>
        <th>用户id</th>
        <th>用户昵称</th>
        <th>年龄</th>
        <th>性别</th>
        <th>简述</th>
        <th>操作</th>
       </tr>
      </thead>
      <tbody>
       <tr>
        <td>1</td>
        <td>#0号柴油</td>
        <td>刘怀帮</td>
        <td>13505140602</td>
        <td>备注信息</td>
        <td><button type="button" class="btn btn-info Product_Details">详情</button>
        <button type="button" class="btn btn-primary">修改</button>
        <button type="button" class="btn btn-warning">删除</button></td>
       </tr>
      </tbody>
     </table>

<!--添加属性样式-->
<div class="Attributes_style" id="add_Attributes_style" style="display:none">
 <input name="" type="text"  class="Attributestext" id="shuxin"/><!--<button type="button" class="btn btn-primary">添加</button>-->
</div>

<!--[if !IE]> -->
		<script src="../assets/js/jquery.min.js"></script>
		<!-- <![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='../assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script src="../assets/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript">
$('#Add_Product_btn').on('click', function(){
    layer.open({
        type: 1,
        title: '添加/修改用户',
		shadeClose: true,
        area: ['600px' , ''],
        content: $('#Add_Product_style'),
		btn:['提交','取消'],
		yes: function(index, layero){
		 if($("#name_text").val()==""){
			  layer.alert('用户名称不能为空!',{
              title: '提示框',
			  icon:0,
			 });
			return false;
               }
	        else{
			  layer.alert('添加成功！',{
               title: '提示框',
			   icon:1,
			  });
			  layer.close(index);
		  }
		}
    })
});
</script>
</body>
</html>
